<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>费列罗</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<link rel="stylesheet" href="<%=path%>/css/styleindex.css" type="text/css">
<link rel="stylesheet" href="<%=path%>/css/login.css" type="text/css">
<script type="text/javascript" src="<%=path%>/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery.validate.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery.validate.messages_cn.js"></script>
<!--下划线-->
<script type="text/javascript" src="<%=path%>/js/moveline.js"></script>
<!--下划线结束-->
<!--弹出开始-->
<script type="text/javascript">
$(document).ready(function($){

  $('.theme-login').click(function(){
    $('.theme-popover-mask').show();
    $('.theme-popover-mask').height($(document).height());
    $('.theme-popover').slideDown(200);
  })
  $('.theme-poptit .close').click(function(){
    $('.theme-popover-mask').hide();
    $('.theme-popover').slideUp(200);
  })

});
</script>
<script type="text/javascript">
$(document).ready(function($){

  $('.theme-register').click(function(){
    $('.theme-popover-mask2').show();
    $('.theme-popover-mask2').height($(document).height());
    $('.theme-popover2').slideDown(200);
  })
  $('.theme-poptit2 .close2').click(function(){
    $('.theme-popover-mask2').hide();
    $('.theme-popover2').slideUp(200);
  })

       $("#register").validate(
           {
              rules:{
                         username:{required:true,minlength:2},
                         userpass:{required:true, minlength:6},
                        /* equalTo:{equalTo:userpass},*/
                         number:{required:true,number:true,minlength:11},
                         numberqq:{required:true,number:true,minlength:5},
                         email:{required:true, email:true},
              },
              errorPlacement:function(error,element){
                     error.appendTo(element.siblings("span"))
              }
           }
        )


});
</script>
<!--弹出结束-->
<!--轮播图-->
<script src="<%=path%>/js/html5zoo.js"></script>
<script src="<%=path%>/js/lovelygallery.js"></script>
<!--轮播图结束-->
</head>
<body>
<!--顶部内容域-->
 <div id="head">
   <div id="top_box">
       <a href="#"><div id="logo"></div><div id="logo_z"></div></a>
       <ul class="nav">
            <li><a href="">主页</a><span></span></li>
            <li>
                 <a href="">分项浏览</a><span></span>
                 <ul>
                      <li><a href="#">设计</a></li>
                      <li><a href="#">市场</a></li>
                      <li><a href="#">驾校</a></li>
                      <li><a href="#">市场</a></li>
                 </ul>
            </li>
            <li><a href="">建议留言</a><span></span></li>
            <li><a href="">关于我们</a><span></span></li>
       </ul>
        <!--顶部右侧内容-->
       <div class="top_right">
           <form class="search" action="" method="post">
               <input type="text" id="sosearch" name="search" placeholder="搜索">
               <input type="submit" id="sosubmit" name="submit" value="" >
               <span><a href="#" class="theme-login" href="javascript:;">登陆</a></span>&nbsp;<span><a href="#" class="theme-register" href="javascript:;">注册</a></span>
           </form>
       </div>
       <!--顶部右侧内容结束-->
    </div>
 </div>
<!--login-->
<div class="theme-popover-mask"></div>

<div class="theme-popover">
  <div class="theme-poptit">
    <a href="javascript:;" title="关闭" class="close">×</a>
    <center><span style="font-family: Microsoft Yahei;color:#fff;font-size:17px;">登陆</span></center>
  </div>
  <div class="theme-popbod dform">
    <form class="theme-signin" name="loginform" action="" method="get">
      <ol>
        <li><h3>用户登录</h3></li>
        <li><strong>用户名：</strong><input class="ipt" type="text" name="log" placeholder="邮箱/昵称" value="" size="20" /></li>
        <li><strong>密码：</strong><input class="ipt" type="password" name="pwd"  placeholder="您的密码" value="" size="20" /></li>
        <li><input class="btn btn-primary" type="submit" name="submit" value=" 登 录 " /></li>
      </ol>
    </form>
    <br>
    <center>
          <p style="font-family: Microsoft Yahei;color:#999;font-size:13px;margin-top:9px;">或者使用合作账号登陆</p>
          <a href=""><img src="<%=path%>/images/xinlang.png"></a>&nbsp
          <a href=""><img src="<%=path%>/images/renren.png"></a>
    </center>
  </div>
</div>
 <!--loginend-->
  <!--register-->
<div class="theme-popover-mask2"></div>

<div class="theme-popover2">
  <div class="theme-poptit2">
    <a href="javascript:;" title="关闭" class="close2">×</a>
    <center><span style="font-family: Microsoft Yahei;color:#fff;font-size:17px;">注册</span></center>
  </div>
  <div class="theme-popbod dform">
    <form id="register" class="theme-signin" name="registerform" action="<%=path%>/register" method="post">
      <ol>
        <li><h3>用户注册</h3></li>
        <li><strong>用户名：</strong><input class="ipt" type="text" name="username" placeholder="这里输入您的用户名/昵称" value="" size="20" /><span></span></li>
        <li><strong>密码：</strong><input class="ipt" id="password" type="password" name="userpass"  placeholder="这里填写您的密码" value="" size="20" /><span></span></li>
        <li><strong>手机号：</strong><input id=""  class="ipt" type="text" name="number"  placeholder="这里填写您的手机号" value="" size="20" /><span></span></li>
        <li><strong>邮箱：</strong><input id=""  class="ipt" type="text" name="email"  placeholder="这里填写您的邮箱" value="" size="20" /><span></span></li>
        <li><strong>qq账号：</strong><input id=""  class="ipt" type="text" name="numberqq"  placeholder="这里填写您的qq号" value="" size="20" /><span></span></li>
        <li><input class="btn btn-primary" type="submit" name="submit" value=" 提交 " /></li>
      </ol>
    </form>
  </div>
</div>
<!--registerend-->
<!--顶部内容域结束-->

 <!-- 轮播图 -->
  <div id="html5zoo-1">
    <ul class="html5zoo-slides" style="display:none;">
      <li><a href="#"><img src="<%=path%>/images/003.jpg" /></a></li>
      <li><a href="#"><img src="<%=path%>/images/003.jpg" /></a></li>
    </ul>
  </div>
<!-- 轮播图结束 -->

 <!--关键词区域开始-->
<div id="content">
    <div class="comtent_guanjianci">
               <h3>项目分类:</h3>
                <div class="comtent_guanjianci_neirong">
                     <a href=""><span>设计开发</span></a><a href=""><span>设计</span></a><a href=""><span>财务</span></a><a href=""><span>营销</span></a><a href=""><span>法律</span></a><a href=""><span>其他</span></a>
               </div>
    </div>
    <!--关键词区域结束-->

    <!--关键词详细开始-->
    <div class="content_heavy">
        <span>热门</span><span class="blokblue"></span>
    </div>
   <!--关键词详细开始-->
   <div class="content_bigbox">

        <div class="content_box">
            <a href="">
                <div class="img">
                                 <img title="xxxxx" alt="yyyyy"  src="<%=path%>/images/项目图/54c9d8fa842da_230x175.jpg" style="display: inline;">
                </div>
            </a>
            <div class="tittle">
               <a href=""><h3>海鲜，为情人节、过年夜带来深海味道</h3></a>
            </div>
            <div class="guanzhu">
              <span>11</span>
            </div>
        </div>
        <div class="content_box">
            <a href="">
                <div class="img">
                                <img title="xxxxx" alt="yyyyy"  src="<%=path%>/images/项目图/74ebe0bf8b246922-6202f549befd4af7-d2b27a90767f9b9beceac90838d801c3_i.jpg" style="display: inline;">
                </div>
            </a>
            <div class="tittle">
               <a href=""><h3>海鲜，为情人节、过年夜带来深海味道</h3></a>
            </div>
            <div class="guanzhu">
              <span>11</span>
            </div>
        </div>
        <div class="content_box">
            <a href="">
                <div class="img">
                                <img title="xxxxx" alt="yyyyy"  src="<%=path%>/images/项目图/54c9d8fa842da_230x175.jpg" style="display: inline;">
                </div>
            </a>
            <div class="tittle">
               <a href=""><h3>海鲜，为情人节、过年夜带来深海味道</h3></a>
            </div>
            <div class="guanzhu">
              <span>11</span>
            </div>
        </div>
        <div class="content_box">
            <a href="">
                <div class="img">
                                <img title="xxxxx" alt="yyyyy"  src="<%=path%>/images/项目图/54c9d8fa842da_230x175.jpg" style="display: inline;">
                </div>
            </a>
            <div class="tittle">
               <a href=""><h3>海鲜，为情人节、过年夜带来深海味道</h3></a>
            </div>
            <div class="guanzhu">
              <span>11</span>
            </div>
        </div>
        
   </div>
</div>
<div id="bottom">
   <div class="bottom_center">
       <div class="bottom_center_left">
           <div class="bottom_center_left_logo">
           </div>
           <p>我们的使命:汇聚你我，帮助更多的人实现梦想！</p>
           <p>2015-2016费列罗团队&nbsp;&nbsp;&nbsp;版权所有</p>
       </div>
   </div>
</div>
</body>
</html>
